<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<h:panelGrid xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:sijyp="http://java.sun.com/jsf/composite/sijyp" width="100%"
	xmlns:a="http://xmlns.jcp.org/jsf/passthrough">
	<rich:panel style="width=100%" id="detalleBienContainer">
		<f:facet name="header">
		#{bienManager.creating ? msg['bienes.detalleBien.creacionDeBien'] : (bienManager.updating ? msg['bienes.detalleBien.modificacionDeBien'] : bienManager.reading ? msg['bienes.detalleBien.consultaDeBien'] : '')}
        
        </f:facet>
		<script type="javascript">addTextAreaCounter(['descripcionDetalleBienTA']);</script>
		<h:panelGrid id="detalleBien1" width="100%" columns="6"
			columnClasses="col16,,,,,">
			<ui:remove>Número de Bien</ui:remove>
			<h:panelGrid>
				<h:outputLabel value="${msg['bienes.detalleBien.numeroDelBien']}" />
			</h:panelGrid>
			<h:panelGrid>
				<h:inputText value="#{bienManager.bien.idBien}"
					disabled="#{!bienManager.numeroBienHabilitado or bienManager.disableBienesCamposFields}"
					label="${msg['bienes.detalleBien.numeroDelBien']}" />
			</h:panelGrid>

			<ui:remove>Tipo de Bien</ui:remove>
			<h:panelGrid columns="2">
				<h:outputLabel value="${msg['bienes.consultaBienes.tipoDeBien']}" />
				<h:outputLabel value="*"
					rendered="#{not bienManager.reading and not bienManager.updating}" />
			</h:panelGrid>
			<h:panelGrid>
				<h:selectOneMenu id="tipoBienDetalleBienCB"
					disabled="#{bienManager.reading or bienManager.updating or bienManager.disableBienesCamposFields}"
					value="#{bienManager.bien.tpBienBean.tpBien}"
					label="${msg['bienes.consultaBienes.tipoDeBien']}"
					validatorMessage="${msg['general.requerido']}">
					<f:selectItems value="#{applicationBean.tipoBiens}" />
					<f:ajax event="change" execute="@this"
						render="claseBienDetalleLabelContainer claseBienDetalleComboContainer featureDetalleData"
						listener="#{bienManager.onTipoBienChange}" />
				</h:selectOneMenu>
				<h:message for="tipoBienDetalleBienCB"
					errorClass="validationErrorMessage" showSummary="false" />
			</h:panelGrid>

			<ui:remove>Clase de Bien</ui:remove>
			<h:panelGrid id="claseBienDetalleLabelContainer" columns="2">
				<h:outputLabel value="${msg['bienes.consultaBienes.claseDeBien']}" />
				<h:outputLabel value="*" rendered="#{not bienManager.reading}" />
			</h:panelGrid>
			<h:panelGrid id="claseBienDetalleComboContainer">
				<h:selectOneMenu id="claseBienDetalleCB"
					disabled="#{bienManager.reading or bienManager.disableBienesCamposFields}"
					value="#{bienManager.bien.tpClaseBienBean.idClaseBien}"
					validatorMessage="${msg['general.requerido']}"
					label="${msg['bienes.consultaBienes.claseDeBien']}">
					<f:selectItems
						value="#{applicationBean.getClaseBiensByIdTipoBien(bienManager.bien.tpBienBean.tpBien)}" />
				</h:selectOneMenu>
				<h:message for="claseBienDetalleCB"
					errorClass="validationErrorMessage" />
			</h:panelGrid>

			<ui:remove>Estado</ui:remove>
			<h:panelGrid columns="2">
				<h:outputLabel value="${msg['bienes.detalleBien.estado']}" />
				<h:outputLabel value="*" rendered="#{not bienManager.reading}" />
			</h:panelGrid>
			<h:panelGrid id="etapaGestionBienDetalleComboContainer">
				<h:selectOneMenu id="etapaGestionBienDetalleCB"
					disabled="#{bienManager.reading or bienManager.disableBienesCamposFields or bienManager.disableAndDefaultStatus}"
					value="#{bienManager.bien.tpEtapaGestion.tpEtapaGestion}"
					validatorMessage="${msg['general.requerido']}"
					label="${msg['bienes.detalleBien.estado']}">
					<f:selectItems value="#{applicationBean.tpEtapaGestions}" />
				</h:selectOneMenu>
				<h:message for="etapaGestionBienDetalleCB"
					errorClass="validationErrorMessage" />
			</h:panelGrid>

			<ui:remove>Despacho</ui:remove>
			<h:panelGrid columns="2">
				<h:outputLabel value="${msg['bienes.detalleBien.despacho']}" />
				<h:outputLabel value="*" rendered="#{not bienManager.reading}" />
			</h:panelGrid>
			<h:panelGrid id="despachoBienDetalleComboContainer">
				<h:selectOneMenu id="despachoBienDetalleCB"
					disabled="#{bienManager.reading or bienManager.disableBienesCamposFields or bienManager.disableAndDefaultStatus}"
					value="#{bienManager.bien.despacho.idautoridad}"
					requiredMessage="${msg['general.requerido']}"
					validatorMessage="${msg['general.requerido']}"
					label="${msg['bienes.detalleBien.despacho']}" required="true">
					<f:selectItems value="#{applicationBean.despachos}" />
				</h:selectOneMenu>
				<rich:message for="despachoBienDetalleCB" ajaxRendered="true"
					errorClass="validationErrorMessage" />
			</h:panelGrid>

		</h:panelGrid>

		<h:panelGrid id="detalleBien2" width="100%" columns="2"
			columnClasses="col16,col84">
			<ui:remove>Nombre del Bien</ui:remove>
			<h:panelGrid columns="2">
				<h:outputLabel value="${msg['bienes.consultaBienes.nombreDelBien']}" />
				<h:outputLabel value="*" rendered="#{not bienManager.reading}" />
			</h:panelGrid>
			<h:panelGrid>
				<h:inputText id="nombreBienDetalleIT" styleClass="long nombreBien"
					value="#{bienManager.bien.nombre}"
					disabled="#{bienManager.reading or bienManager.disableBienesCamposFields}"
					validatorMessage="${msg['general.requerido']}" maxlength="100"
					label="${msg['bienes.consultaBienes.nombreDelBien']}" />
				<rich:message for="nombreBienDetalleIT" ajaxRendered="true"
					errorClass="validationErrorMessage">
					<f:facet name="errorMarker">
						<h:graphicImage url="/resources/images/icons/ico_delete.png" />
					</f:facet>
					<f:facet name="passedMarker">
						<h:graphicImage url="/resources/images/icons/ico_delete.png" />
					</f:facet>
				</rich:message>
			</h:panelGrid>

			<ui:remove>Descripción Bien</ui:remove>
			<h:panelGrid columns="2">
				<h:outputLabel
					value="${msg['bienes.consultaBienes.descripcionBien']}" />
				<h:outputLabel value="*" rendered="#{not bienManager.reading}" />
			</h:panelGrid>
			<h:panelGrid width="100%">
				<h:inputTextarea id="descripcionDetalleBienTA"
					validatorMessage="${msg['general.requerido']}"
					disabled="#{bienManager.reading or bienManager.disableBienesCamposFields}"
					value="#{bienManager.bien.descripcion}"
					label="${msg['bienes.consultaBienes.descripcionBien']}" rows="4"
					a:maxlength="250" styleClass="long">
					<f:validateLength maximum="250" for="descripcionDetalleBienTA" />
				</h:inputTextarea>
				<h:message for="descripcionDetalleBienTA" showSummary="false"
					errorClass="validationErrorMessage" />
			</h:panelGrid>

			<ui:remove>Fecha Conocimiento</ui:remove>
			<h:panelGrid>
				<h:outputLabel
					value="${msg['bienes.consultaBienes.fechaConocimiento']}" />
			</h:panelGrid>
			<h:panelGrid>
				<rich:calendar id="fecha_conocimientoCL"
					value="#{bienManager.bien.fechaConocimiento}"
					datePattern="yyyy-MM-dd">
					<rich:validator />
				</rich:calendar>
				<rich:message for="fecha_conocimientoCL" />
			</h:panelGrid>

			<h:panelGrid>
				<h:outputLabel
					value="${msg['bienes.origen.versionLibre.postulado']}*" />
			</h:panelGrid>
			<h:panelGrid id="personaField" columnClasses="firstColumnStyle, "
				width="100%">
				<sijyp:personasField prefixId="postuladoPrefix2" required="true"
					label="" requiredMessage="${msg['general.requerido']}"
					value="#{bienManager.postuladoDto.nombre}"
					dto="#{bienManager.postuladoDto}" />
			</h:panelGrid>

			<h:panelGrid columns="4" columnClasses="col25,col25,col25,col25"
				width="100%">

				<f:event type="javax.faces.event.PreRenderComponentEvent"
					listener="#{bienManager.viewHandler}" />

				<h:panelGrid>
					<h:outputLabel id="grupo_armado_lbl"
						value="#{msgExh['exhumaciones.diligencia.nivel1']}:" />
					<h:selectOneMenu id="grupo_armado" required="false"
						disabled="#{bienManager.reading or bienManager.disableBienesCamposFields}"
						value="#{bienManager.bienDto.idGrupoArmado}"
						requiredMessage="#{msgVal['constraint.not_null']}"
						valueChangeListener="#{bienManager.grupoArmadoFiltradoListeners.grupoarmadoValueChange}">
						<f:selectItem itemLabel="Seleccione ..." itemValue="#{null}"
							noSelectionOption="true" />
						<f:selectItems
							value="#{bienManager.selectItemsHelper.gruposArmados}" />
						<f:ajax event="change" render="estructura bloque frente" />
					</h:selectOneMenu>
					<h:message for="grupo_armado" showSummary="true" showDetail="false"
						styleClass="validationErrorMessage" />
				</h:panelGrid>
			</h:panelGrid>
			<h:panelGrid>
				<h:outputLabel id="estructura_lbl"
					value="#{msgExh['exhumaciones.diligencia.nivel2']}:" />
				<h:selectOneMenu id="estructura" required="false"
					disabled="#{bienManager.reading or bienManager.disableBienesCamposFields}"
					requiredMessage="#{msgVal['constraint.not_null']}"
					value="#{bienManager.bienDto.idEstructura}"
					valueChangeListener="#{bienManager.grupoArmadoFiltradoListeners.estructuraValueChange}">
					<f:selectItem itemLabel="Seleccione ..." itemValue="#{null}"
						noSelectionOption="true" />
					<f:ajax event="change" render="bloque frente" />
				</h:selectOneMenu>
				<h:message for="estructura" showSummary="true" showDetail="false"
					styleClass="validationErrorMessage" />
			</h:panelGrid>
			<h:panelGrid>
				<h:outputLabel id="bloque_lbl"
					value="#{msgExh['exhumaciones.diligencia.nivel3']}:" />
				<h:selectOneMenu id="bloque" required="false"
					disabled="#{bienManager.reading or bienManager.disableBienesCamposFields}"
					requiredMessage="#{msgVal['constraint.not_null']}"
					value="#{bienManager.bienDto.idBloque}"
					valueChangeListener="#{bienManager.grupoArmadoFiltradoListeners.bloqueValueChange}">
					<f:selectItem itemLabel="Seleccione ..." itemValue="#{null}"
						noSelectionOption="true" />
					<f:ajax event="change" render="frente" />
				</h:selectOneMenu>
				<h:message for="bloque" showSummary="true" showDetail="false"
					styleClass="validationErrorMessage" />
			</h:panelGrid>
			<h:panelGrid>
				<h:outputLabel id="frente_lbl"
					value="#{msgExh['exhumaciones.diligencia.nivel4']}:" />
				<h:selectOneMenu id="frente" required="false"
					disabled="#{bienManager.reading or bienManager.disableBienesCamposFields}"
					requiredMessage="#{msgVal['constraint.not_null']}"
					value="#{bienManager.bienDto.idFrente}">
					<f:selectItem itemLabel="Seleccione ..." itemValue="#{null}"
						noSelectionOption="true" />
					<f:ajax event="change" render="frente" />
				</h:selectOneMenu>
				<h:message for="frente" showSummary="true" showDetail="false"
					styleClass="validationErrorMessage" />
			</h:panelGrid>

		</h:panelGrid>

		<ui:include src="ubicacion/detalleBienLocationData.xhtml">
			<ui:param name="renderRequired"
				value="#{bienManager.featureRequired}" />
		</ui:include>

		<h:panelGrid id="featureDetalleData" width="100%">
			<h:panelGrid width="100%"
				rendered="#{bienManager.renderAdditionalCreationData}">
				<br />
				<h:outputLabel
					value="${msg['bienes.detalleBien.caracteristicaPrincipal']}"
					rendered="#{bienManager.renderAdditionalCreationData}"
					styleClass="subtitle" />
				<ui:fragment rendered="#{bienManager.renderAdditionalCreationData}">
					<hr />
				</ui:fragment>
				<h:panelGrid columns="6" width="100%">
					<ui:include src="caracteristicas/caracteristicasFields.xhtml">
						<ui:param name="subcaracteristicaObject"
							value="#{bienManager.subcaracteristica}" />
						<ui:param name="prepId" value="detalleBien" />
						<ui:param name="renderRequired"
							value="#{bienManager.featureRequired}" />
						<ui:param name="beanSubcaracteristica" value="#{bienManager}" />
						<ui:param name="fileUploadContainerId"
							value="fileUploadContainerDetalleBien" />
						<ui:param name="disableAllFields"
							value="#{bienManager.disableBienesCamposFields}" />
					</ui:include>
				</h:panelGrid>
				<h:panelGrid id="fileUploadContainerDetalleBien" width="100%">
					<ui:fragment
						rendered="#{bienManager.subcaracteristica.tipoArchivo}">
						<script type="text/javascript">
							$(document).ready(function(){
								addTextAreaCounterByClass();
							});
							</script>
						<hr />
					</ui:fragment>
					<sijyp:fileUploadSijyp
						tiposDocumentos="#{applicationBean.tipoDocumentoBienDocumentos}"
						rendered="#{bienManager.subcaracteristica.tipoArchivo}"
						isReading="false" bean="#{bienManager.fileUploadBean}" />
				</h:panelGrid>
			</h:panelGrid>
		</h:panelGrid>


		<h:panelGroup style="text-align:center;" layout="block">
			<h:commandButton
				rendered="#{!bienManager.disableBienesCamposFields and !bienManager.reading}"
				value="#{bienManager.crud eq 'update' ? msg['boton.modificar'] : (bienManager.creating ? msg['boton.siguiente'] : '')}">
				<f:ajax listener="#{bienManager.guardarBien}"
					execute="@this detalleBienContainer"
					render="@form :sijypMessages :vincularHechoForm :formTabs" />
			</h:commandButton>
			<h:commandButton value="${msg['boton.cancelar']}"
				action="#{bienManager.cancelar}"
				onclick="#{bienManager.closeVincularHecho ? 'window.close();' : ''}">
				<f:ajax execute="@this"
					render="@form :consultaBienesForm :formDetalleBien :formTabs :sijypMessages :vincularHechoForm" />
			</h:commandButton>

			<ui:remove>
				<h:commandButton value="${msg['bienes.detalleBien.reporteDeBien']}"
					immediate="true"
					action="#{reporteManager.crearReporte('reporte_general_bien',bienManager.bien.idBien)}"
					rendered="#{!bienManager.reading}"
					disabled="#{bienManager.creating or bienManager.disableReportMenuOption}" />
			</ui:remove>
		</h:panelGroup>
	</rich:panel>

</h:panelGrid>
